サクッとAlexaスキルのアイコンが作成できる「Alexa Icon Builder」を使う

はじめに

Alexaのスキルを開発して公開する場合、スキルに対してアイコン（108x108, 512x512のPNG or JPGファイル）を登録する必要があります。
【公式ドキュメント】スキルストアのメタデータを定義する

この「スキルのアイコン作成」で、地味に頭を悩ませている開発者の方は結構いるのではないでしょうか。

今回、Alexaのスキルアイコンをサクッと作成できる公式ツール「Alexa Icon Builder」がリリースされたので、紹介してみたいと思います。

【Alexa Blogs】Create Eye-Catching Icons for Your Alexa Skills in Minutes

Alexa Icon Builderを使ってみる

Alexa Icon Builderにアクセスします。
テンプレートとして、マイクのアイコンが設定されていますね。

まず、ページ下部よりスキルのイメージに合うアイコンオブジェクトを選択します。

展開されたアイコンオブジェクトは、ドラッグで自由に移動して配置することができます。

右側のツールにて、アイコンオブジェクトの色や角度、背景色などを編集することができます。

名前	機能
Icon	アイコンオブジェクトの大きさと色
Icon rotation	アイコンオブジェクトの回転角度
Icon background	アイコンの背景色
Icon border	アイコンのボーダー太さと色
Icon shadow	アイコンオブジェクトの影付き

作成完了後にアイコン下の「Download」をクリックすれば、zip形式でAlexaスキル用のアイコンファイル（108x108, 512x512のPNGファイル）をダウンロードすることができます。
簡単ですね！

実際にスキルに適用してみると、こんなイメージになりました。

おわりに

Alexa Icon Builderを使って、サクッとAlexaスキル用のアイコンを作ることができました。
アイコン作成の時間が無かったりイメージが湧かない場合に、こちらのツールを活用してみてはいかがでしょうか。

それでは。